<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>开通商家</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<style>
			* {
				box-sizing: border-box;
			}
			
			html,
			body {
				margin: 0;
				padding: 0;
				border: 0;
			}
			
			#backdrop {
				width: 750px;
				margin: 0 auto;
				background-image: url(切图标注/开通商家/平台下载背景图层1@2x.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}
			
			#left img {
				display: block;
				margin: 0 auto;
				padding-top: 5%;
			}
			
			#left p {
				width: 80%;
				margin: 0 auto;
			}
			
			#right {
				padding-bottom: 8%;
			}
			
			#right input {
				display: block;
				width: 70%;
				margin: 3vh auto;
				height: 5vh;
				background: url(切图标注/开通商家/圆角矩形3拷贝6@2x.png) no-repeat center;
				cursor: pointer;
				border-radius: 10px;
				outline: none;
				text-indent: 1rem;
			}
			
			#right textarea {
				display: block;
				width: 70%;
				margin: 3vh auto;
				height: 15vh;
				background: url(切图标注/开通商家/备注@2x.png) no-repeat center;
				cursor: pointer;
				border-radius: 10px;
				outline: none;
				text-indent: 1rem;
			}
			
			#right img {
				width: 70%;
				height: 7vh;
				display: block;
				margin: 5vh auto;
			}
			
			@media screen and (max-width: 480px) {
				#backdrop {
					width: 100%;
				}
				#left img {
					display: block;
					margin: 0 auto;
					padding-top: 10%;
				}
				#left img:nth-child(1) {
					width: 50%;
				}
				#left img:nth-child(2) {
					width: 30%;
				}
				#left p {
					width: 60%;
					margin-top: 1rem;
					font-size: 12px;
				}
				#right {
					padding-bottom: 25%;
				}
			}
		</style>
	</head>

	<body>
		<div id="backdrop">
			<div id="container">
				<div id="left">
					<img src="切图标注/开通商家/矢量智能对象拷贝2@2x.png" />
					<img src="切图标注/开通商家/主播商家入驻拷贝2@2x.png" />
					<p>说明:提交你的联系方式并备注经营类型,客服人员将在2-5个工作日内联系你,并对您的资质进行人工审核</p>
				</div>
				<div id="right">
					<input type="text" placeholder="输入手机号" />
					<input type="text" placeholder="输入微信号" />
					<textarea placeholder="备注"></textarea>
					<img src="切图标注/开通商家/安卓拷贝@2x.png" />

				</div>
			</div>
		</div>
	</body>

</html>